import { styled } from '@mui/material'
import Heading from '../components/product/heading'
import Body from '../components/product/body'

const StyledContainer = styled('div')(() => ({
	display: 'flex',
	marginBottom: '10px',
	width: '992px',
	justifyContent: 'flex-start',
	flexDirection: 'column',
}))

const Product = () => {
	return (
		<StyledContainer>
			<Heading />
			<Body />
		</StyledContainer>
	)
}

export default Product
